<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>首页</title>

		<link href="css/admin.css" rel="stylesheet" type="text/css">
		<link href="css/amazeui.css" rel="stylesheet" type="text/css">
		<link href="css/personal.css" rel="stylesheet" type="text/css">
		<link href="css/infstyle.css" rel="stylesheet" type="text/css">
		<link href="css/lostyle.css" rel="stylesheet" type="text/css">
		<script src="js/jquery.min.js" type="text/javascript"></script>
		<script src="js/amazeui.js" type="text/javascript"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="js/common.js"></script>
	</head>

	<body>
<!-------------------------------------- 头部开始 -------------------------------------->
<div id="app">	
<top></top>
<bar></bar>
<b class="line"></b>
<!-------------------------------------- 头部结束 -------------------------------------->

<!-------------------------------------- 内容开始 -------------------------------------->

		<div class="center">
			<div class="col-main">
				<div class="main-wrap">
<!--------------------------------------标题开始 -------------------------------------->
				<div class="am-cf am-padding">
						<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">个人中心</strong> / <small>Personal centre </small></div>
					</div>
					
					<hr>
<!--------------------------------------维修工人头像等信息-------------------------------------->
					<div class="user-infoPic">

							<div class="filePic">
				
								<img class="am-circle am-img-thumbnail" src="images/getAvatar.do.jpg" alt="" />
							</div>                   
							<p class="am-form-help">头像</p>

							<div class="info-m">
								<div><b>用户名：<i>  待定  </i></b></div>
								<div class="u-level">
								<div><b>标签：</b>
                                     <span class="rank r2">
							             <s class="vip1"></s><a class="classes" href="#">铜牌维修工</a>
						            </span></div>
								</div>
								<div class="u-safety">
									<b>工号：</b> 
									<span class="u-profile"><i class="bc_ee0000" style="width: 60px;" width="0">007</i></span>
								</div>
								<div class="u-safety">
									 <b>总体评分：</b>
									<span class="u-profile">
									<i class="bc_ee0000" style="width: 60px;" width="0">（弄成星星）</i>
									</span>
								</div>
							</div>
							</div>
							
<!--------------------------------------维修工人详细信息-------------------------------------->
							<div class="package-status">
							<ul class="status-list">		
								<li class="latest">
									<p class="text">省市联动</p>
									<div class="time-list">
										<span class="time">居住地址：</span>
									</div>
								</li>
								<li class="latest">
									<p class="text">从数据库里调取</p>
									<div class="time-list">
										<span class="time">手机号码：</span>
									</div>
								</li>
								<li>
									<p class="text">2013年01月01号</p>
									<div class="time-list">
									<span class="time">入职时间：</span>
									</div>
								</li>
								<li>
									<p class="text">7年</p>
									<div class="time-list">
							        <span class="time">维修工龄：</span>
									</div>
								</li>
								<li>
									<p class="text">7年</p>
									<div class="time-list">
							        <span class="time">平均维修时长：</span>
									</div>
								</li>
									<li>
									<p class="text">7件</p>
									<div class="time-list">
							        <span class="time">抢单数量：</span>
									</div>
								</li>
									<li>
									<p class="text">7件</p>
									<div class="time-list">
							        <span class="time">派单数量：</span>
									</div>
								</li>
									<li>
									<p class="text">14件</p>
									<div class="time-list">
							        <span class="time">退单数量：</span>
									</div>
								</li>
									<li>
									<p class="text">2013/01/02</p>
									<div class="time-list">
							        <span class="time">上次登录时间：</span>
									</div>
								</li>
									<li>
									<p class="text">158.5.42.540.0.7</p>
									<div class="time-list">
							        <span class="time">上次登录IP：</span>
									</div>
								</li>
							</ul>
						</div>			
				</div>
				
<!-------------------------------------- 内容结束 -------------------------------------->
<!-------------------------------------- 尾部开始 -------------------------------------->
<end></end>
</div>
<!-------------------------------------- 尾部结束 -------------------------------------->
			
<!-------------------------------------- 侧边导航栏开始 -------------------------------------->
        							
			<aside class="menu">
				<ul>
					<li class="person">
						<a href="index.html"><font size="5px">个人中心</font></a>
					</li>
					<li class="person">
						<ul>
							<li> <a href="Phone.html">电话修改</a></li>
							<li>  <a href="bonus.html">安全设置</a></li>
						</ul>
					</li>
				    <li class="person">
						<a href="Snatching.html"><font size="5px">抢单</font></a>
						
					</li>
					<li class="person">
						<a><font size="5px">当前订单</font></a>
						<ul>
							<li><a href="news.html">订单信息</a></li>
							<li> <a href="buass.html">信息确定</a></li>
							<li> <a href="affirm.html">确定上门</a></li>
							<li> <a href="refund.html">上传信息</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="billist.html"><font size="5px">全部订单</font></a>
						<ul>
							<li> <a href="accomplish.html">已完成 </a></li>
							<li> <a href="rough.html">未完成</a></li>
							<li> <a href="assess.html">待评价</a></li>
						</ul>
					</li>

					<li class="person">
						<a><font size="5px">系统设置</font></a>
						<ul>
							
							<li> <a href="#">主题</a></li>
							<li> <a href="#">设置</a></li>
						</ul>
					</li>

				</ul>
			</aside>
			</div>
        </div>
        
<!-------------------------------------- 侧边导航栏结束 -------------------------------------->
	</body>
</html>



<script>

var app = new Vue({
    el:"#app",
    data:{
        admin:{},
        message:''
    },
 
});
</script>




















